@import "./theme.scss";
html {
  font-size: 625%; /*100 ÷ 16 × 100% = 625% 1rem = 100px*/
}
dl,
ul,
ol,
menu,
li {
  list-style: none;
} /* 重置类表前导符号为onne,menu在HTML5中有效 */
body {
  font-family: '微软雅黑';
}

//唱片自动旋转
.auto-rotate {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
  animation: rotate 12s linear infinite;
  -webkit-animation: rotate 12s linear infinite;
  -moz-animation: rotate 12s linear infinite;
  -o-animation: rotate 12s linear infinite;
  transform-origin:center 50%;

}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.pause{
  animation-play-state:paused;
  -webkit-animation-play-state:paused; /* Safari 和 Chrome */
}

.scroll{
  position: relative;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #ff0000;
}
.textScroll span{
  display: inline-block;/*inline样式不能使用动画*/
  animation: scroll 20s linear infinite;
}
.textScroll span:after{
  position: absolute;
  left: 100%;
  content: attr(data-text);
  margin-left: 4em;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 4em)); /*总长再加上margin-left*/
  }
}
//sheet的样式
.demo-sheet{
  min-height: 40vh;
}


